<!DOCTYPE html>
<html lang="en" class="js cssanimations">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>自定义页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-title" content="萤火小程序商城">
    <link rel="stylesheet" href="/assets/common/libs/layui/css/layui.css">
    <link rel="stylesheet" href="/assets/customPage_files/amazeui.min.css">
    <link rel="stylesheet" href="/assets/customPage_files/app.css">
    <link rel="stylesheet" href="/assets/customPage_files/font_783249_ybw2niw7r1b.css">
    <script src="/assets/customPage_files/jquery.min.js"></script>
    <script src="/assets/customPage_files/font_783249_e5yrsf08rap.js"></script>
    <script>

    </script>
    <link rel="stylesheet" href="/assets/customPage_files/layer.css" id="layuicss-layer">
</head>

<body data-type="" style="">
<div class="am-g tpl-g">
    <!-- 内容区域 start -->
    <div class="tpl-content-wrapper ">
        <link rel="stylesheet" href="/assets/customPage_files/diy.css">
        <div class="row-content am-cf">
            <div class="widget am-cf">
                <div class="widget-body">
                    <!-- diy 工作区 -->
                    <div class="work-diy dis-flex flex-x-between">
                        <!-- 工具栏 -->
                        <div id="diy-menu" class="diy-menu">
                            <div style="border-bottom: 1px solid #eef1f5;margin-bottom: 20px;">
                                <div class="action" style="margin: 5px;">
                                    <button  type="button" onclick="javascript:window.location.href='/customPage'" style="float: left" class="am-btn am-btn-xs am-btn-secondary">
                                        返回
                                    </button>
                                    <button id="submit" type="button" class="am-btn am-btn-xs am-btn-secondary">
                                        保存页面
                                    </button>
                                </div>
                                <form id="customPageParams" class="layui-form layui-form-pane" lay-filter="example">
                                    <input type="hidden" name="id" value="${id}">
                                    <div>
                                        <input name="pageName" id="pageName_inputId" lay-verify="" placeholder="页面名称" autocomplete="true" class="layui-input" type="text">
                                    </div>
                                    <div class="layui-form-item date">
                                        <div class="layui-inline">
                                            <label class="layui-form-label" style="width: max-content">生效时间:</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="startTime" autocomplete="off"
                                                       id="activeStarTime_inputId" readonly lay-verify="required"
                                                       class="layui-input inputHeight date"/></div>
                                            <div class="layui-form-mid" style="display: block;width: 100%">至</div>
                                            <div class="layui-input-inline">
                                                <input type="text" name="endTime" autocomplete="off" readonly id="activeEndTime_inputId" lay-verify="required" class="layui-input inputHeight date" />
                                            </div>
                                        </div>
                                    </div>
                                    @if(id == null){
                                    <div>
                                        <input type="radio" checked onclick="changePageType(value)" lay-skin="primary" name="pageType" value="1">首页</input>
                                        <input type="radio" onclick="changePageType(value)" lay-skin="primary" name="pageType" value="2">自定义页</input>
                                    </div>
                                    @}
                                </form>
                            </div>
                            <div class="menu-title"><span>组件库</span></div>
                            <div class="navs">
                                <div class="navs-group">
                                    <div class="title">媒体组件</div>
                                    <div class="navs-components am-cf">
                                        <nav class="special" data-type="banner">
                                            <p class="item-icon"><i class="iconfont icon-tupianlunbo"></i></p>
                                            <p>图片轮播</p>
                                        </nav>
                                        <nav class="special" data-type="imageSingle">
                                            <p class="item-icon"><i class="iconfont icon-tupian1"></i></p>
                                            <p>单图组</p>
                                        </nav>
                                        <nav class="special" data-type="window">
                                            <p class="item-icon"><i class="iconfont icon-newbilayout"></i></p>
                                            <p>图片橱窗</p>
                                        </nav>
                                        <nav class="special" data-type="video">
                                            <p class="item-icon"><i class="iconfont icon-shipin7"></i></p>
                                            <p>视频组</p>
                                        </nav>
                                    </div>
                                    <div class="title">商城组件</div>
                                    <div class="navs-components am-cf">
                                        <nav class="special" data-type="search">
                                            <p class="item-icon"><i class="iconfont icon-wxbsousuotuiguang"></i></p>
                                            <p>搜索框</p>
                                        </nav>
                                        <nav class="special" data-type="navBar">
                                            <p class="item-icon"><i class="iconfont icon-daohang"></i></p>
                                            <p>导航组</p>
                                        </nav>
                                        <nav class="special" data-type="college">
                                            <p class="item-icon"><i class="iconfont icon-shangpin5"></i></p>
                                            <p>院校组</p>
                                        </nav>
                                        <nav class="special" data-type="self-taught">
                                            <p class="item-icon"><i class="iconfont icon-shangpin5"></i></p>
                                            <p>自考组</p>
                                        </nav>
                                       <!-- <nav class="special" data-type="coupon">
                                            <p class="item-icon"><i class="iconfont icon-youhuiquan2"></i></p>
                                            <p>优惠券组</p>
                                        </nav>-->
                                    </div>
                                    <div class="title">工具组件</div>
                                    <div class="navs-components am-cf">
                                        <nav class="special" data-type="blank">
                                            <p class="item-icon"><i class="iconfont icon-kongbai"></i></p>
                                            <p>辅助空白</p>
                                        </nav>
                                        <nav class="special" data-type="guide">
                                            <p class="item-icon"><i class="iconfont icon-fengexian1"></i></p>
                                            <p>辅助线</p>
                                        </nav>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--手机diy容器-->
                        <div class="diy-phone">
                            <!-- 手机顶部标题 -->


                            <div id="diy-page" class="phone-top optional __no-move" data-itemid="page" style="background: #000000 url("/static/customPage_files/phone-top-white.png") no-repeat center / contain;">
                            <h4 style="color: white;">中华酒博园</h4>
                        </div>


                        <!-- 小程序内容区域 -->
                        <div id="phone-main" class="phone-main am-scrollable-vertical">


                            <div class="drag optional" id="diy-n239197532506666" data-itemid="n239197532506666">
                                <div class="diy-blank" style="height: 5px; background: #ffffff;">
                                </div>
                                <div class="btn-edit-del">
                                    <div class="btn-del">删除</div>
                                </div>
                            </div>


                        </div>
                    </div>
                    <!-- 编辑器容器 -->
                    <div id="diy-editor" class="diy-editor form-horizontal">
                        <div class="inner">
                            <div class="editor-title"><span>单图组</span></div>
                            <form class="am-form tpl-form-line-form" data-itemid="n054342356366629">
                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label am-text-xs">上下边距 </label>
                                    <div class="am-u-sm-9 am-u-end">
                                        <input class="tpl-form-input" type="range" name="paddingTop" data-bind="style.paddingTop" value="0" min="0" max="50"/>
                                        <div class="display-value">
                                            <span class="value">0</span>px (像素)
                                        </div>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label am-text-xs">左右边距 </label>
                                    <div class="am-u-sm-9 am-u-end">
                                        <input class="tpl-form-input" type="range" name="paddingLeft" data-bind="style.paddingLeft" value="0" min="0" max="50" />
                                        <div class="display-value">
                                            <span class="value">0</span>px (像素)
                                        </div>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label class="am-u-sm-3 am-form-label am-text-xs">背景颜色 </label>
                                    <div class="am-u-sm-9 am-u-end">
                                        <input class="" type="color" name="background" data-bind="style.background" value="#ffffff" />
                                        <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                                            重置
                                        </button>
                                    </div>
                                </div>
                                <div class="form-items">
                                    <div class="form-item drag" data-key="n594687180545647">
                                        <i class="iconfont icon-shanchu item-delete"></i>
                                        <div class="item-inner">
                                            <div class="am-form-group">
                                                <label class="am-u-sm-3 am-form-label am-text-xs">图片 </label>
                                                <div class="am-u-sm-8 am-u-end">
                                                    <div class="data-image j-selectImg">
                                                        <img src="http://weapp.changein.cn/assets/store/img/diy/banner_01.jpg" alt="">
                                                        <input type="hidden" name="imgUrl" data-bind="data.n594687180545647.imgUrl" value="http://weapp.changein.cn/assets/store/img/diy/banner_01.jpg" />
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="am-form-group">
                                                <label class="am-u-sm-3 am-form-label am-text-xs">链接地址 </label>
                                                <div class="am-u-sm-8 am-u-end">
                                                    <input type="text" name="linkUrl" data-bind="data.n594687180545647.linkUrl" value="" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-item drag" data-key="n016821561529937">
                                        <i class="iconfont icon-shanchu item-delete"></i>
                                        <div class="item-inner">
                                            <div class="am-form-group">
                                                <label class="am-u-sm-3 am-form-label am-text-xs">图片 </label>
                                                <div class="am-u-sm-8 am-u-end">
                                                    <div class="data-image j-selectImg" onclick="preventDefault()">
                                                        <img src="http://weapp.changein.cn/assets/store/img/diy/banner_02.jpg" alt="">
                                                        <input type="hidden" name="imgUrl" data-bind="data.n016821561529937.imgUrl" value="http://weapp.changein.cn/assets/store/img/diy/banner_02.jpg" />
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="am-form-group">
                                                <label class="am-u-sm-3 am-form-label am-text-xs">链接地址 </label>
                                                <div class="am-u-sm-8 am-u-end">
                                                    <input type="text" name="linkUrl" data-bind="data.n016821561529937.linkUrl" value="" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="j-data-add form-item-add">
                                    <i class="fa fa-plus"></i> 添加一个
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <!-- 提示 -->
                <div class="tips am-margin-top-lg am-margin-bottom-sm">
                    <div class="pre">
                        <p>1. 设计完成后点击"保存页面"，在小程序端页面下拉刷新即可看到效果。</p>
                        <p>2. 如需填写链接地址请参考<a href="http://weapp.changein.cn/index.php?s=/store/wxapp.page/links" target="_blank">页面链接</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 文件库弹窗 -->
    <!-- 文件库模板 -->
    <script id="tpl-file-library" type="text/template">
        <div class="row">
            <div class="file-group">
                <ul class="nav-new">
                    <li class="ng-scope {{ is_default ? 'active' : '' }}" data-group-id="-1">
                        <a class="group-name am-text-truncate" href="javascript:void(0);" title="全部">全部</a>
                    </li>
                    <li class="ng-scope" data-group-id="0">
                        <a class="group-name am-text-truncate" href="javascript:void(0);" title="未分组">未分组</a>
                    </li>
                    {{ each group_list }}
                    <li class="ng-scope"
                        data-group-id="{{ $value.group_id }}" title="{{ $value.group_name }}">
                        <a class="group-edit" href="javascript:void(0);" title="编辑分组">
                            <i class="iconfont icon-bianji"></i>
                        </a>
                        <a class="group-name am-text-truncate" href="javascript:void(0);">
                            {{ $value.group_name }}
                        </a>
                        <a class="group-delete" href="javascript:void(0);" title="删除分组">
                            <i class="iconfont icon-shanchu1"></i>
                        </a>
                    </li>
                    {{ /each }}
                </ul>
                <a class="group-add" href="javascript:void(0);">新增分组</a>
            </div>
            <div class="file-list">
                <div class="v-box-header am-cf">
                    <div class="h-left am-fl am-cf">
                        <div class="am-fl">
                            <div class="group-select am-dropdown">
                                <button type="button" class="am-btn am-btn-sm am-btn-secondary am-dropdown-toggle">
                                    移动至 <span class="am-icon-caret-down"></span>
                                </button>
                                <ul class="group-list am-dropdown-content">
                                    <li class="am-dropdown-header">请选择分组</li>
                                    {{ each group_list }}
                                    <li>
                                        <a class="move-file-group" data-group-id="{{ $value.group_id }}"
                                           href="javascript:void(0);">{{ $value.group_name }}</a>
                                    </li>
                                    {{ /each }}
                                </ul>
                            </div>
                        </div>
                        <div class="am-fl tpl-table-black-operation">
                            <a href="javascript:void(0);" class="file-delete tpl-table-black-operation-del"
                               data-group-id="2">
                                <i class="am-icon-trash"></i> 删除
                            </a>
                        </div>
                    </div>
                    <div class="h-rigth am-fr">
                        <div class="j-upload upload-image">
                            <i class="iconfont icon-add1"></i>
                            上传图片
                        </div>
                    </div>
                </div>
                <div id="file-list-body" class="v-box-body">
                    {{ include 'tpl-file-list' file_list }}
                </div>
                <div class="v-box-footer am-cf"></div>
            </div>
        </div>

    </script>

    <!-- 文件列表模板 -->
    <script id="tpl-file-list" type="text/template">
        <ul class="file-list-item">
            {{ include 'tpl-file-list-item' data }}
        </ul>
        {{ if last_page > 1 }}
        <div class="file-page-box am-fr">
            <ul class="pagination">
                {{ if current_page > 1 }}
                <li>
                    <a class="switch-page" href="javascript:void(0);" title="上一页" data-page="{{ current_page - 1 }}">«</a>
                </li>
                {{ /if }}
                {{ if current_page < last_page }}
                <li>
                    <a class="switch-page" href="javascript:void(0);" title="下一页" data-page="{{ current_page + 1 }}">»</a>
                </li>
                {{ /if }}
            </ul>
        </div>
        {{ /if }}
    </script>

    <!-- 文件列表模板 -->
    <script id="tpl-file-list-item" type="text/template">
        {{ each $data }}
        <li class="ng-scope" title="{{ $value.file_name }}" data-file-id="{{ $value.file_id }}"
            data-file-path="{{ $value.file_path }}">
            <div class="img-cover"
                 style="background-image: url('{{ $value.file_path }}')">
            </div>
            <p class="file-name am-text-center am-text-truncate">{{ $value.file_name }}</p>
            <div class="select-mask">
                <img src="/assets/store/img/chose.png">
            </div>
        </li>
        {{ /each }}
    </script>

    <!-- 分组元素-->
    <script id="tpl-group-item" type="text/template">
        <li class="ng-scope" data-group-id="{{ group_id }}" title="{{ group_name }}">
            <a class="group-edit" href="javascript:void(0);" title="编辑分组">
                <i class="iconfont icon-bianji"></i>
            </a>
            <a class="group-name am-text-truncate" href="javascript:void(0);">
                {{ group_name }}
            </a>
            <a class="group-delete" href="javascript:void(0);" title="删除分组">
                <i class="iconfont icon-shanchu1"></i>
            </a>
        </li>
    </script>


    <!--diy元素-->
    <!-- diy元素: page -->
    <script id="tpl_diy_page" type="text/template">
        <div id="diy-{{ id }}" class="phone-top optional __no-move" data-itemid="page"
             style="background: {{ style.titleBackgroundColor }} url('assets/store/img/diy/phone-top-{{ style.titleTextColor }}.png') no-repeat center / contain;">
            <h4 style="color: {{ style.titleTextColor }};">{{ params.title }}</h4>
        </div>
    </script>

    <!-- diy元素: 搜索栏 -->
    <script id="tpl_diy_search" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-search">
                <div class="inner left {{ style.searchStyle }}" style="background: {{ style.inputBackground }};">
                    <div class="search-input" style="text-align: {{ style.textAlign }}; color: {{ style.inputColor }};">
                        <i class="search-icon iconfont icon-ss-search"></i>
                        <span>{{ params.placeholder }}</span>
                    </div>
                </div>
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>

    <!-- diy元素: banner -->
    <script id="tpl_diy_banner" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-banner">
                {{each data}}
                <img src="{{ $value.imgUrl }}">
                {{/each}}
                <div class="dots center {{ style.btnShape }}">
                    {{each data}}
                    <span style="background: {{ style.btnColor }};"></span>
                    {{/each}}
                </div>
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>

    <!-- diy元素: 单图组 -->
    <script id="tpl_diy_imageSingle" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-imageSingle"
                 style="padding-bottom: {{ style.paddingTop }}px; background: {{ style.background }};">
                {{each data}}
                <div class="item-image" style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px 0;">
                    <img src="{{ $value.imgUrl }}">
                </div>
                {{/each}}
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>

    <!-- diy元素: 导航组 -->
    <script id="tpl_diy_navBar" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-navBar" style="background: {{ style.background }}; height: 88px;overflow-y: hidden;overflow-x: scroll">
                <ul class="am-avg-sm-{{ style.rowsNum }}">
                    {{each data}}
                    <li class="">
                        <div class="item-image">
                            <img src="{{ $value.imgUrl }}">
                        </div>
                        <p class="item-text am-text-truncate" style="color: {{ $value.color }};">{{ $value.text }}</p>
                    </li>
                    {{/each}}
                </ul>
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>

    <!-- diy元素: 辅助空白 -->
    <script id="tpl_diy_blank" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-blank" style="height: {{ style.height }}px; background: {{ style.background }};">
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>

    <!-- diy元素: 辅助线 -->
    <script id="tpl_diy_guide" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-guide" style="padding: {{ style.paddingTop }}px 0; background: {{ style.background }};">
                <p class="line" style="border-top: {{ style.lineHeight }}px {{ style.lineStyle }} {{ style.lineColor }};">
                </p>
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>

    <!-- diy元素: 视频组 -->
    <script id="tpl_diy_video" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-video" style="padding: {{ style.paddingTop }}px 0;">
                <video style="height: {{ style.height }}px;" src="{{ params.videoUrl }}" poster="{{ params.poster }}" controls>
                    您的浏览器不支持 video 标签
                </video>
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>

    <!-- diy元素: 图片橱窗 -->
    <script id="tpl_diy_window" type="text/template">
        <div class="drag optional __z10" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-window"
                 style="background: {{ style.background }}; padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                {{ if style.layout > -1 }}
                <ul class="data-list am-avg-sm-{{ style.layout }}">
                    {{ each data }}
                    <li style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                        <div class="item-image">
                            <img src="{{ $value.imgUrl }}">
                        </div>
                    </li>
                    {{ /each }}
                </ul>
                {{ else }}
                {{ set keys = objectKeys(data) }}
                <div class="display">
                    <div class="display-left" style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                        <img src="{{ data[keys[0]].imgUrl }}">
                    </div>
                    {{ if dataNum == 2 }}
                    <div class="display-right" style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                        <img src="{{ data[keys[1]].imgUrl }}">
                    </div>
                    {{ /if }}
                    {{ if dataNum == 3 }}
                    <div class="display-right">
                        <div class="display-right1" style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                            <img src="{{ data[keys[1]].imgUrl }}">
                        </div>
                        <div class="display-right2" style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                            <img src="{{ data[keys[2]].imgUrl }}">
                        </div>
                    </div>
                    {{ /if }}
                    {{ if dataNum == 4 }}
                    <div class="display-right">
                        <div class="display-right1" style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                            <img src="{{ data[keys[1]].imgUrl }}">
                        </div>
                        <div class="display-right2">
                            <div class="left" style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                                <img src="{{ data[keys[2]].imgUrl }}">
                            </div>
                            <div class="right" style="padding: {{ style.paddingTop }}px {{ style.paddingLeft }}px;">
                                <img src="{{ data[keys[3]].imgUrl }}">
                            </div>
                        </div>
                    </div>
                    {{ /if }}
                </div>
                {{ /if }}
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>

    <!-- diy元素: 商品组 -->
    <script id="tpl_diy_college" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-goods" style="background: {{ style.background }};">
                <div class="goods-list display__{{ style.display }} column__{{ style.column }} am-cf">
                    {{ each params.source === 'choice' ? data : defaultData }}
                    <div class="goods-item">
                        <div class="goods-image goods-image-{{ style.column }}">
                            <img src="{{ $value.image }}">
                        </div>
                        <div class="detail" style="text-align: center;">
                            {{ if style.show.showName === '1' }}
                            {{ $value.name }}
                            {{ /if }}
                        </div>
                    </div>
                    {{ /each }}
                </div>
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>    <!-- diy元素: 商品组 -->
    <script id="tpl_diy_self-taught" type="text/template">
        <div class="drag optional" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-goods" style="background: {{ style.background }};">
                <div class="goods-list display__{{ style.display }} column__{{ style.column }} am-cf">
                    {{ each params.source === 'choice' ? data : defaultData }}
                    <div class="goods-item">
                        <div class="goods-image goods-image-{{ style.column }}">
                            <img src="{{ $value.image }}">
                        </div>
                        <div class="detail" style="text-align: center;">
                            {{ if style.show.showName === '1' }}
                            {{ $value.name }}
                            {{ /if }}
                        </div>
                    </div>
                    {{ /each }}
                </div>
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>



    <!-- diy元素: 优惠券组 -->
    <script id="tpl_diy_coupon" type="text/template">
        <div class="drag optional __z10" id="diy-{{ id }}" data-itemid="{{ id }}">
            <div class="diy-coupon dis-flex flex-x-around"
                 style="background: {{ style.background }}; padding: {{ style.paddingTop }}px 0;">
                {{each couponList}}
                <div class="coupon-wrapper">
                    <div class="coupon-item">
                        <i class="before" style="background: {{ style.background }};"></i>
                        <div class="left-content color__violet dis-flex flex-dir-column flex-x-center flex-y-center">
                            <div class="content-top">
                                <span class="unit">￥</span>
                                <span class="price">{{ $value.price }}</span>
                            </div>
                            <div class="content-bottom">
                                <span>{{ $value.useDesc }}</span>
                            </div>
                        </div>
                        <div class="right-receive dis-flex flex-dir-column flex-x-center flex-y-center">
                            <span>立即</span>
                            <span>领取</span>
                        </div>
                    </div>
                </div>
                {{/each}}
            </div>
            <div class="btn-edit-del">
                <div class="btn-del">删除</div>
            </div>
        </div>
    </script>


    <!--编辑器: 搜索栏-->
    <!--编辑器: page-->
    <script id="tpl_editor_page" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <!--<div class="am-form-group">
            <label class="am-u-sm-4 am-form-label am-text-xs">页面名称 </label>
            <div class="am-u-sm-8 am-u-end">
                <input class="tpl-form-input" type="text" name="name"
                       data-bind="params.name" value="{{ params.name }}" />
                <div class="help-block am-margin-top-xs">
                    <small>页面名称仅用于后台查找</small>
                </div>
            </div>
        </div>-->
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">页面标题 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="tpl-form-input" type="text" name="title"
                           data-bind="params.title" value="{{ params.title }}">
                    <div class="help-block am-margin-top-xs" />
                        <small>小程序端顶部显示的标题</small>
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">分享标题 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="tpl-form-input" type="text" name="share_title"
                           data-bind="params.share_title" value="{{ params.share_title }}" />
                    <div class="help-block am-margin-top-xs">
                        <small>小程序端转发时显示的标题</small>
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">标题栏文字 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.titleTextColor" type="radio" name="titleTextColor"
                               value="black" {{ style.titleTextColor=== 'black' ? 'checked' : '' }} /> 黑色
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.titleTextColor" type="radio" name="titleTextColor"
                               value="white" {{ style.titleTextColor=== 'white' ? 'checked' : '' }} /> 白色
                    </label>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">标题栏背景 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="" type="color" name="titleBackgroundColor"
                           data-bind="style.titleBackgroundColor" value="{{ style.titleBackgroundColor }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                        重置
                    </button>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">分享卡片图片 </label>
                <div class="am-u-sm-8 am-u-end">
                    <div class="data-image j-selectImg" data-itemid="page">
                        <img id="image_preViewImg_page" src="{{ params.share_img }}" alt="">
                        <input type="file" style="width: 80px;height: 50px;position: absolute;top: 0;opacity: 0;" name="share_img" data-bind="params.share_img" value="{{ params.share_img }}" />
                    </div>
                </div>
            </div>
        </form>
    </script>

    <!--编辑器: 搜索-->
    <script id="tpl_editor_search" type="text/template">
        {{ if name }}
        <div class="editor-title"><span>{{ name }}</span></div>
        {{ /if }}
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">提示文字 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="tpl-form-input" type="text" name="searchStyle"
                           data-bind="params.placeholder" value="{{ params.placeholder }}" />
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">搜索框样式 </label>
                <div class="am-u-sm-9 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.searchStyle" type="radio" name="searchStyle"
                               value="" {{ style.searchStyle=== '' ? 'checked' : '' }} /> 方形
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.searchStyle" type="radio" name="searchStyle"
                               value="radius" {{ style.searchStyle=== 'radius' ? 'checked' : '' }} /> 圆角
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.searchStyle" type="radio" name="searchStyle"
                               value="round" {{ style.searchStyle=== 'round' ? 'checked' : '' }} /> 圆弧
                    </label>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">文字对齐 </label>
                <div class="am-u-sm-9 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.textAlign" type="radio" name="textAlign"
                               value="left" {{ style.textAlign=== 'left' ? 'checked' : '' }} />
                        居左
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.textAlign" type="radio" name="textAlign"
                               value="center" {{ style.textAlign=== 'center' ? 'checked' : '' }} />
                        居中
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.textAlign" type="radio" name="textAlign"
                               value="right" {{ style.textAlign=== 'right' ? 'checked' : '' }} />
                        居右
                    </label>
                </div>
            </div>
        </form>
    </script>

    <!--编辑器: banner-->
    <script id="tpl_editor_banner" type="text/template">
        {{ if name }}
        <div class="editor-title"><span>{{ name }}</span></div>
        {{ /if }}
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">指示点形状 </label>
                <div class="am-u-sm-9 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.btnShape" type="radio" name="searchStyle"
                               value="rectangle" {{ style.btnShape=== 'rectangle' ? 'checked' : '' }} /> 长方形
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.btnShape" type="radio" name="searchStyle"
                               value="square" {{ style.btnShape=== 'square' ? 'checked' : '' }} /> 正方形
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.btnShape" type="radio" name="searchStyle"
                               value="round" {{ style.btnShape=== 'round' ? 'checked' : '' }} /> 圆形
                    </label>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">指示点颜色 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="" type="color" name="btnColor"
                           data-bind="style.btnColor" value="{{ style.btnColor }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                        重置
                    </button>
                </div>
            </div>
            <div class="form-items">
                {{ include 'tpl_editor_data_item_image' data }}
            </div>
            <div class="j-data-add form-item-add">
                <i class="fa fa-plus"></i> 添加一个
            </div>
        </form>
    </script>

    <!--编辑器: 单图组-->
    <script id="tpl_editor_imageSingle" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">上下边距 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="tpl-form-input" type="range" name="paddingTop" data-bind="style.paddingTop"
                           value="{{ style.paddingTop }}" min="0" max="50" />
                    <div class="display-value">
                        <span class="value">{{ style.paddingTop }}</span>px (像素)
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">左右边距 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="tpl-form-input" type="range" name="paddingLeft" data-bind="style.paddingLeft"
                           value="{{ style.paddingTop }}" min="0" max="50" />
                    <div class="display-value">
                        <span class="value">{{ style.paddingLeft }}</span>px (像素)
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">背景颜色 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="" type="color" name="background"
                           data-bind="style.background" value="{{ style.background }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                        重置
                    </button>
                </div>
            </div>
            <div class="form-items">
                {{ include 'tpl_editor_data_item_image' data }}
            </div>
            <div class="j-data-add form-item-add">
                <i class="fa fa-plus"></i> 添加一个
            </div>
        </form>
    </script>

    <!--编辑器: 导航组-->
    <script id="tpl_editor_navBar" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">背景颜色 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="" type="color" name="background"
                           data-bind="style.background" value="{{ style.background }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                        重置
                    </button>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">每行数量 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.rowsNum" type="radio" name="rowsNum"
                               value="3" {{ style.rowsNum=== '3' ? 'checked' : '' }} /> 3个
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.rowsNum" type="radio" name="rowsNum"
                               value="4" {{ style.rowsNum=== '4' ? 'checked' : '' }} /> 4个
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.rowsNum" type="radio" name="rowsNum"
                               value="5" {{ style.rowsNum=== '5' ? 'checked' : '' }}/> 5个
                    </label>
                </div>
            </div>
            <div class="form-items">
                {{ include 'tpl_editor_data_item_navBar' data }}
            </div>
            <div class="j-data-add form-item-add">
                <i class="fa fa-plus"></i> 添加一个
            </div>
        </form>
    </script>

    <!--编辑器: 辅助空白-->
    <script id="tpl_editor_blank" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">背景颜色 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="" type="color" name="background"
                           data-bind="style.background" value="{{ style.background }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                        重置
                    </button>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">组件高度 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="tpl-form-input" type="range" name="height" data-bind="style.height"
                           value="{{ style.height }}" min="1" max="200" />
                    <div class="display-value">
                        <span class="value">{{ style.height }}</span>px (像素)
                    </div>
                </div>
            </div>
        </form>
    </script>

    <!--编辑器: 辅助线-->
    <script id="tpl_editor_guide" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">背景颜色 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="" type="color" name="background"
                           data-bind="style.background" value="{{ style.background }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                        重置
                    </button>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">线条样式 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.lineStyle" type="radio" name="lineStyle"
                               value="solid" {{ style.lineStyle=== 'solid' ? 'checked' : '' }} /> 实线
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.lineStyle" type="radio" name="lineStyle"
                               value="dashed" {{ style.lineStyle=== 'dashed' ? 'checked' : '' }} /> 虚线
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.lineStyle" type="radio" name="lineStyle"
                               value="dotted" {{ style.lineStyle=== 'dotted' ? 'checked' : '' }} /> 点状
                    </label>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">线条颜色 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="" type="color" name="lineColor"
                           data-bind="style.lineColor" value="{{ style.lineColor }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#000000">
                        重置
                    </button>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">线条高度 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="tpl-form-input" type="range" name="lineHeight" data-bind="style.lineHeight"
                           value="{{ style.lineHeight }}" min="1" max="20" />
                    <div class="display-value">
                        <span class="value">{{ style.lineHeight }}</span>px (像素)
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">上下边距 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="tpl-form-input" type="range" name="paddingTop" data-bind="style.paddingTop"
                           value="{{ style.paddingTop }}" min="0" max="50" />
                    <div class="display-value">
                        <span class="value">{{ style.paddingTop }}</span>px (像素)
                    </div>
                </div>
            </div>
        </form>
    </script>

    <!--编辑器: 视频组-->
    <script id="tpl_editor_video" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-name="{{name}}" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">上下边距 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="tpl-form-input" type="range" name="paddingTop" data-bind="style.paddingTop"
                           value="{{ style.paddingTop }}" min="0" max="50" />
                    <div class="display-value">
                        <span class="value">{{ style.paddingTop }}</span>px (像素)
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">视频高度 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="tpl-form-input" type="range" name="height" data-bind="style.height"
                           value="{{ style.height }}" min="50" max="500" />
                    <div class="display-value">
                        <span class="value">{{ style.height }}</span>px (像素)
                    </div>
                    <div class="help-block am-margin-top-xs">
                        <small>滑块可用左右方向键精确调整</small>
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">视频封面 </label>
                <div class="am-u-sm-8 am-u-end">
                    <div class="data-image j-selectImg" data-id="{{ id }}">
                        <img src="{{ params.poster }}" alt="">
                        <input type="file" style="width: 80px;height: 50px;position: absolute;top: 0;opacity: 0;" name="poster" data-bind="params.poster" value="{{ params.poster }}" />
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">视频地址 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="tpl-form-input" type="url" name="videoUrl"
                           data-bind="params.videoUrl" value="{{ params.videoUrl }}" />
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">上传视频(50M内) </label>
                <div class="am-u-sm-8 am-u-end">
                    <div class="data-image j-selectImg" data-id="{{ id }}">
                        <button type="button" class="btn-resetColor am-btn am-btn-sm">选择文件</button>
                        <input type="file" style="width: 80px;height: 50px;position: absolute;top: 0;opacity: 0;" />
                    </div>
                </div>
            </div>
        </form>
    </script>

    <!--编辑器: 图片橱窗-->
    <script id="tpl_editor_window" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">上下边距 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="tpl-form-input" type="range" name="paddingTop" data-bind="style.paddingTop"
                           value="{{ style.paddingTop }}" min="0" max="50" />
                    <div class="display-value">
                        <span class="value">{{ style.paddingTop }}</span>px (像素)
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">左右边距 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="tpl-form-input" type="range" name="paddingLeft" data-bind="style.paddingLeft"
                           value="{{ style.paddingLeft }}" min="0" max="50" />
                    <div class="display-value">
                        <span class="value">{{ style.paddingLeft }}</span>px (像素)
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">背景颜色 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="" type="color" name="background"
                           data-bind="style.background" value="{{ style.background }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                        重置
                    </button>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">布局方式 </label>
                <div class="j-switch-help am-u-sm-8 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.layout" type="radio" name="layout"
                               value="2" {{ style.layout=== '2' ? 'checked' : '' }} /> 堆积两列
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.layout" type="radio" name="layout"
                               value="3" {{ style.layout=== '3' ? 'checked' : '' }}/> 堆积三列
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.layout" type="radio" name="layout"
                               value="4" {{ style.layout=== '4' ? 'checked' : '' }}/> 堆积四列
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.layout" type="radio" name="layout"
                               value="-1"
                               {{ style.layout=== '-1' ? 'checked' : '' }} /> 橱窗样式
                        <small class="help am-hide">
                            最多显示四张图片，超出隐藏
                        </small>
                    </label>
                    <div class="help-block am-margin-top-xs" data-default="请确保所有图片的尺寸/比例相同。">
                        <small>{{ style.layout=== '-1' ? '最多显示四张图片，超出隐藏' : '请确保所有图片的尺寸/比例相同。' }}</small>
                    </div>
                </div>
            </div>
            <div class="form-items">
                {{ include 'tpl_editor_data_item_image' data }}
            </div>
            <div class="j-data-add form-item-add">
                <i class="fa fa-plus"></i> 添加一个
            </div>
        </form>
    </script>

    <!--编辑器: 商品组-->
    <script id="tpl_editor_college" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <!--商品数据-->
            <div class="j-switch-box" data-item-class="switch-source">
                <div class="am-form-group">
                    <label class="am-u-sm-4 am-form-label am-text-xs">院校来源 </label>
                    <div class="am-u-sm-8 am-u-end">
                        <label class="am-radio-inline">
                            <input data-switch="__choice" data-bind="params.source" type="radio" name="source"
                                   value="choice" {{ params.source=== 'choice' ? 'checked' : '' }} /> 手动选择
                        </label>
                        <!--<label class="am-radio-inline">
                        <input data-switch="__auto" data-bind="params.source" type="radio" name="source"
                               value="auto" {{ params.source=== 'auto' ? 'checked' : '' }} /> 自动获取
                    </label>-->
                    </div>
                </div>
                <!--手动选择-->
                <div class="switch-source __choice {{ params.source=== 'choice' ? '' : 'am-hide' }}">
                    <div class="form-items __goods am-cf">
                        {{ include 'tpl_editor_data_item_goods' data }}
                    </div>
                    <div class="j-selectGoods form-item-add">
                        <label class="am-u-sm-3 am-form-label am-text-xs">选择院校:</label>
                        <button style="background: bisque;" onclick="javascript:showCollegeModel(this,null, null )" type="button" class="btn-resetColor am-btn am-btn-sm">选择院校</button>
                    </div>
                </div>
                <!--自动获取-->
            </div>
            <!--分割线-->
            <hr data-am-widget="divider" style="" class="am-divider am-divider-dashed"/>
            <!--组件样式-->
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">背景颜色 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="" type="color" name="background"
                           data-bind="style.background" value="{{ style.background }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#f3f3f3">
                        重置
                    </button>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">显示类型 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.display" type="radio" name="display"
                               value="list" {{ style.display=== 'list' ? 'checked' : '' }} /> 列表平铺
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.display" type="radio" name="display"
                               value="slide" {{ style.display=== 'slide' ? 'checked' : '' }} /> 横向滑动
                    </label>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">分列数量 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.column" type="radio" name="column"
                               value="2" {{ style.column=== '2' ? 'checked' : '' }} /> 两列
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.column" type="radio" name="column"
                               value="3" {{ style.column=== '3' ? 'checked' : '' }} /> 三列
                    </label>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">显示内容 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-checkbox-inline">
                        <input data-bind="style.show.showName" type="checkbox" name="showName"
                               value="" {{ style.show.showName=== '1' ? 'checked' : '' }} /> 院校名称
                    </label>
                </div>
            </div>
        </form>
    </script>

    <!--编辑器: 商品组-->
    <script id="tpl_editor_self-taught" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <!--商品数据-->
            <div class="j-switch-box" data-item-class="switch-source">
                <div class="am-form-group">
                    <label class="am-u-sm-4 am-form-label am-text-xs">院校来源 </label>
                    <div class="am-u-sm-8 am-u-end">
                        <label class="am-radio-inline">
                            <input data-switch="__choice" data-bind="params.source" type="radio" name="source"
                                   value="choice" {{ params.source=== 'choice' ? 'checked' : '' }} /> 手动选择
                        </label>
                        <!--<label class="am-radio-inline">
                        <input data-switch="__auto" data-bind="params.source" type="radio" name="source"
                               value="auto" {{ params.source=== 'auto' ? 'checked' : '' }} /> 自动获取
                    </label>-->
                    </div>
                </div>
                <!--手动选择-->
                <div class="switch-source __choice {{ params.source=== 'choice' ? '' : 'am-hide' }}">
                    <div class="form-items __goods am-cf">
                        {{ include 'tpl_editor_data_item_goods' data }}
                    </div>
                    <div class="j-selectGoods form-item-add">
                        <label class="am-u-sm-3 am-form-label am-text-xs">选择自考:</label>
                        <button style="background: bisque;" onclick="javascript:showSelfTaughtModel(this,null, null )" type="button" class="btn-resetColor am-btn am-btn-sm">选择自考</button>
                    </div>
                </div>
                <!--自动获取-->
            </div>
            <!--分割线-->
            <hr data-am-widget="divider" style="" class="am-divider am-divider-dashed"/>
            <!--组件样式-->
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">背景颜色 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input class="" type="color" name="background"
                           data-bind="style.background" value="{{ style.background }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#f3f3f3">
                        重置
                    </button>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">显示类型 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.display" type="radio" name="display"
                               value="list" {{ style.display=== 'list' ? 'checked' : '' }} /> 列表平铺
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.display" type="radio" name="display"
                               value="slide" {{ style.display=== 'slide' ? 'checked' : '' }} /> 横向滑动
                    </label>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">分列数量 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-radio-inline">
                        <input data-bind="style.column" type="radio" name="column"
                               value="2" {{ style.column=== '2' ? 'checked' : '' }} /> 两列
                    </label>
                    <label class="am-radio-inline">
                        <input data-bind="style.column" type="radio" name="column"
                               value="3" {{ style.column=== '3' ? 'checked' : '' }} /> 三列
                    </label>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-4 am-form-label am-text-xs">显示内容 </label>
                <div class="am-u-sm-8 am-u-end">
                    <label class="am-checkbox-inline">
                        <input data-bind="style.show.showName" type="checkbox" name="showName"
                               value="" {{ style.show.showName=== '1' ? 'checked' : '' }} /> 院校名称
                    </label>
                </div>
            </div>
        </form>
    </script>

    <!--编辑器: 优惠券组-->
    <script id="tpl_editor_coupon" type="text/template">
        <div class="editor-title"><span>{{ name }}</span></div>
        <form class="am-form tpl-form-line-form" data-itemid="{{ id }}">
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">上下边距 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="tpl-form-input" type="range" name="paddingTop" data-bind="style.paddingTop"
                           value="{{ style.paddingTop }}" min="0" max="50" />
                    <div class="display-value">
                        <span class="value">{{ style.paddingTop }}</span>px (像素)
                    </div>
                </div>
            </div>
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">背景颜色 </label>
                <div class="am-u-sm-9 am-u-end">
                    <input class="" type="color" name="background"
                           data-bind="style.background" value="{{ style.background }}" />
                    <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#ffffff">
                        重置
                    </button>
                </div>
            </div>
            <!--<div class="am-form-group">
            <label class="am-u-sm-3 am-form-label am-text-xs">显示数量 </label>
            <div class="am-u-sm-9 am-u-end">
                <input class="tpl-form-input" type="range" name="limit" data-bind="params.limit"
                       value="{{ params.limit }}" min="1" max="15" />
                <div class="display-value">
                    最多<span class="value">{{ params.limit }}</span>个
                </div>
            </div>
        </div>-->
            <div class="am-form-group">
                <div class="am-form-group">
                    <label class="am-u-sm-3 am-form-label am-text-xs">选优惠券:</label>
                    <button style="background: bisque;" onclick="javascript:showCouponModel(this )" type="button" class="btn-resetColor am-btn am-btn-sm">选择优惠券</button>
                </div>
            </div>
            <div class="am-form-group">
                <div class="am-form-group">
                    <table style="margin-left: 20px;width: 346px;">
                        <thead>
                        <tr>
                            <th style="text-align: left;width: 30%;">id
                            </th>
                            <th style="text-align: left;width:200px;">名称
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        {{ each $data.couponList }}
                        <tr>
                            <td>
                                {{ $value.id }}
                            </td>
                            <td>
                                <div style=" width:230px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;"> {{ $value.name }}</div>
                            </td>
                        </tr>
                        {{ /each}}
                        </tbody>
                    </table>
                </div>
            </div>
        </form>
    </script>

    <!-- ////// -->
    <!-- data-item: start -->

    <!-- banner & imageSingle: data-item -->
    <script id="tpl_editor_data_item_image" type="text/template">
        {{each $data item key}}
        <div class="form-item drag" data-key="{{ key }}">
            <i class="iconfont icon-shanchu item-delete"></i>
            <div class="item-inner">
                <div class="am-form-group">
                    <label class="am-u-sm-3 am-form-label am-text-xs">图片 </label>
                    <div class="am-u-sm-8 am-u-end">
                        <div data-id="{{ key }}" class="data-image j-selectImg">
                            <img id="image_preViewImg_{{ key }}" src="{{ item.imgUrl }}" alt="">
                            <input type="file" name="imgUrl" style="width: 80px;height: 50px;position: absolute;top: 0;opacity: 0;" >
                        </div>
                        {{ if item.advise }}
                        <div class="help-block">
                            <small>{{ item.advise }}</small>
                        </div>
                        {{ /if }}
                    </div>
                </div>
            </div>
            <% var items = item %>
            <% items.id = key %>
            {{ include 'tpl_editor_jump' items}}
        </div>
        {{/each}}
    </script>

    <script id="tpl_editor_jump" type="text/template">
        <div>
            <label class="am-u-sm-3 am-form-label am-text-xs">跳转类型:</label>
            <div class="layui-input-inline">
                <label>
                    <select data-id="{{ $data.id }}" class="select_jump">
                        <option class="l-lab-text" value="0"
                                selected="false">不跳转
                        </option>
                        <!--<option value="1" class="l-lab-text" {{ $data.jumpType== 1 ?
                        'selected' : '' }}>商品列表</option>
                        <option value="2" class="l-lab-text" {{ $data.jumpType== 2 ?
                        'selected' : '' }}>分类</option>
                        <option value="3" class="l-lab-text" {{ $data.jumpType== 3 ?
                        'selected' : '' }}>单品</option>-->
                        <!-- 没有活动 -->
                        <!--<option value="4" class="l-lab-text" {{ $data.jumpType== 4 ?
                        'selected' : '' }}>活动</option>-->
                        <option value="5" class="l-lab-text" {{ $data.jumpType== 5 ?
                        'selected' : '' }}>图文</option>
                        <!-- 没有优惠券 -->
                        <!--<option value="6" class="l-lab-text" {{ $data.jumpType== 6 ?
                        'selected' : '' }}>优惠券</option>-->
                        <!--                                <option value="7" class="l-lab-text">小程序直播间</option>-->
                        <option value="8" class="l-lab-text" {{ $data.jumpType== 8 ?
                        'selected' : '' }}>外部小程序</option>
                        <option value="9" class="l-lab-text" {{ $data.jumpType== 9 ?
                        'selected' : '' }}>自定义页面</option>
                        <option value="10" class="l-lab-text" {{ $data.jumpType== 10 ?
                        'selected' : '' }}>公众号</option>
                        <option value="11" class="l-lab-text" {{ $data.jumpType== 11 ?
                        'selected' : '' }}>小程序页面</option>
                    </select>
                </label>
            </div>

            {{ if ( $data.jumpType== 1 || $data.jumpType== 3) }}
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">选择商品:</label>
                <button style="background: bisque;" onclick="javascript:showGoodsModel(this,'{{  $data.id  }}', {{$data.jumpType== 3 ? 1: null }} )" type="button" class="btn-resetColor am-btn am-btn-sm">选择商品</button>
            </div>
            <div class="am-form-group">
                <label class="" style="display: block;width: 100%;padding-left: 20px">已选商品:</label>
                <table style="margin-left: 20px;width: 346px;">
                    <thead>
                    <tr>
                        <th style="text-align: left;width: 30%;">商品编号
                        </th>
                        <th style="text-align: left;width:200px;">商品名称
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    {{ each $data.goodsList }}
                    <tr>
                        <td>
                            {{ $value.goodsNo }}
                        </td>
                        <td>
                            <div style=" width:230px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;"> {{ $value.goodsName }}</div>
                        </td>
                    </tr>
                    {{ /each}}
                    </tbody>
                </table>
            </div>
            {{ /if }}
            {{ if ( $data.jumpType== 2) }}
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">已选分类:</label>
                <label>
                    <select data-id="{{ $data.id }}" class="select_goodsType">>
                        <option class="l-lab-text" {{ !$data.jumpType ?
                        'selected' : '' }}>请选择</option>
                        {{set temp = $data}}
                        {{ each $imports.goodsTypeList}}
                        <option value="{{$value.id}}" {{ temp.goodsTypeId== $value.id ?
                        'selected' :'' }}>{{$value.typeName}}</option>
                        {{ /each }}
                    </select>
                </label>
            </div>
            {{ /if }}
            {{ if ( $data.jumpType== 4) }}
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">已选活动:</label>
                <label>
                    <select data-id="{{  $data.id }}" class="select_goodsActive">>
                        <option class="l-lab-text" {{ !$data.jumpType ?
                        'selected' : '' }}>请选择</option>
                        {{set temp = $data}}
                        {{ each $imports.goodsActiveList}}
                        <option value="{{$value.id}}" {{ temp.goodsActiveId== $value.id ?
                        'selected' :'' }}>{{$value.activeName}}</option>
                        {{ /each }}
                    </select>
                </label>
            </div>
            {{ /if }}
            {{ if ( $data.jumpType== 5) }}
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">已选内容:</label>
                <label>
                    <select data-id="{{  $data.id }}" class="select_sysContent">>
                        <option class="l-lab-text" {{ !$data.jumpType ?
                        'selected' : '' }}>请选择</option>
                        {{set temp = $data}}
                        {{ each $imports.goodsSysContentList}}
                        <option value="{{$value.id}}" {{ temp.sysContentId== $value.id ?
                        'selected' :'' }}>{{$value.title}}</option>
                        {{ /each }}
                    </select>
                </label>
            </div>
            {{ /if }}
            {{ if ( $data.jumpType== 6) }}
            <div class="am-form-group">
                <div class="am-form-group">
                    <label class="am-u-sm-3 am-form-label am-text-xs">选优惠券:</label>
                    <button style="background: bisque;" onclick="javascript:showCouponModel(this,'{{ $data.id }}' )" type="button" class="btn-resetColor am-btn am-btn-sm">选择优惠券</button>
                </div>
            </div>
            <div class="am-form-group">
                <div class="am-form-group">
                    <table style="margin-left: 20px;width: 346px;">
                        <thead>
                        <tr>
                            <th style="text-align: left;width: 30%;">id
                            </th>
                            <th style="text-align: left;width:200px;">名称
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        {{ each $data.couponList }}
                        <tr>
                            <td>
                                {{ $value.id }}
                            </td>
                            <td>
                                <div style=" width:230px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;"> {{ $value.name }}</div>
                            </td>
                        </tr>
                        {{ /each}}
                        </tbody>
                    </table>
                </div>
            </div>
            {{ /if }}
            {{ if ( $data.jumpType== 8 || $data.jumpType== 11 ) }}
            {{ if ( $data.jumpType== 8) }}
                <div class="am-form-group">
                    <label class="am-u-sm-3 am-form-label am-text-xs">AppId </label>
                    <div class="am-u-sm-8 am-u-end">
                        <input type="text" data-bind="data.{{  $data.id }}.miniAppId" value="{{ $data.miniAppId }}" />
                    </div>
                </div>
            {{ /if }}
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">链接地址 </label>
                <div class="am-u-sm-8 am-u-end">
                    <input type="text" name="linkUrl" data-bind="data.{{ $data.id }}.linkUrl"
                           value="{{ $data.linkUrl }}" />
                </div>
            </div>
            {{ /if }}
            {{ if ( $data.jumpType== 9) }}
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">选择页面:</label>
                <label>
                    <select data-id="{{  $data.id }}" class="select_pageId">>
                        <option class="l-lab-text" {{ !$data.jumpType ?
                        'selected' : '' }}>请选择</option>
                        {{set temp = $data}}
                        {{ each $imports.pageList}}
                        <option value="{{$value.id}}" {{ temp.pageId== $value.id ?
                        'selected' :'' }}>{{$value.pageName}}</option>
                        {{ /each }}
                    </select>
                </label>
            </div>
            {{ /if }}
            {{ if ( $data.jumpType== 10) }}
            <div class="am-form-group">
                <label class="am-u-sm-3 am-form-label am-text-xs">链接url </label>
                <div class="am-u-sm-8 am-u-end">
                    <input placeholder="公众号页面url" name="linkUrl" type="text" data-bind="data.{{ $data.id }}.linkUrl" value="{{ $data.linkUrl }}" />
                </div>
            </div>
            {{ /if }}
        </div>
    </script>
    <!-- navBar: data-item -->
    <script id="tpl_editor_data_item_navBar" type="text/template">
        {{each $data item key}}
        <div class="form-item drag" data-key="{{ key }}">
            <i class="iconfont icon-shanchu item-delete"></i>
            <div class="item-inner">
                <div class="am-form-group">
                    <label class="am-u-sm-3 am-form-label am-text-xs">图片 </label>
                    <div class="am-u-sm-8 am-u-end">
                        <div class="data-image j-selectImg" data-id="{{ key }}">
                            <img src="{{ item.imgUrl }}" id="image_preViewImg_{{ key }}" alt="">
                            <input type="file" name="imgUrl" data-bind="data.{{ key }}.imgUrl"
                                   value="{{ item.imgUrl }}" style="width: 80px;height: 50px;position: absolute;top: 0;opacity: 0;" />
                        </div>
                        {{ if item.advise }}
                        <div class="help-block">
                            <small>{{ item.advise }}</small>
                        </div>
                        {{ /if }}
                    </div>
                </div>
                <div class="am-form-group">
                    <label class="am-u-sm-3 am-form-label am-text-xs">文字内容 </label>
                    <div class="am-u-sm-8 am-u-end">
                         <input type="text" name="text" data-bind="data.{{ key }}.text" value="{{ item.text }}" />
                    </div>
                </div>
                <div class="am-form-group">
                    <label class="am-u-sm-3 am-form-label am-text-xs">文字颜色 </label>
                    <div class="am-u-sm-8 am-u-end">
                        <input type="color" name="color" data-bind="data.{{ key }}.color" value="{{ item.color }}" />
                        <button type="button" class="btn-resetColor am-btn am-btn-xs" data-color="#666666">
                            重置
                        </button>
                    </div>
                </div>
                <% var items = item %>
                <% items.id = key %>
                {{ include 'tpl_editor_jump' items}}
            </div>
        </div>
        {{/each}}
    </script>

    <!-- goods: data-item -->
    <script id="tpl_editor_data_item_goods" type="text/template">
        {{each $data}}
        <div class="form-item drag" data-key="{{ $index }}">
            <i class="iconfont icon-shanchu item-delete" data-no-confirm="{{ $value.is_default }}"></i>
            <div class="item-inner">
                <div class="data-image">
                    <img src="{{ $value.image }}" alt="">
                    <input type="hidden" name="goods_id" data-bind="data.{{ $index }}.goods_id"
                           value="{{ $value.goods_id }}" />
                </div>
            </div>
        </div>
        {{/each}}
    </script>

    <!-- ////// -->
    <!-- data-item: end -->

    <script src="/assets/common/libs/layui/layui.all.js"></script>
    <script src="/assets/common/js/DateFormate.js"></script>
    <script src="/assets/customPage_files/select.data.js"></script>
    <script src="/assets/customPage_files/ddsort.js"></script>
    <script src="/assets/customPage_files/ddsort.js"></script>


</div>
<!-- 内容区域 end -->

</div>
<script src="/assets/customPage_files/layer.js"></script>
<script src="/assets/customPage_files/jquery.form.min.js"></script>
<script src="/assets/customPage_files/amazeui.min.js"></script>
<script src="/assets/customPage_files/webuploader.html5only.js"></script>
<script src="/assets/customPage_files/art-template.js"></script>
<script src="/assets/customPage_files/app.js"></script>
<script src="/assets/customPage_files/file.library.js"></script>
<script src="/assets/customPage_files/diy.js?v=2"></script>

<div class="layui-layer-move"></div>

<div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="position: fixed; left: 444.9px; top: 174px; width: 98px; height: 24px; z-index: 1000000; display: none;">
    <div class="xl-chrome-ext-bar__logo"></div>

    <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
    <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
</div>
<style>
    label, td, th {
        font-weight: normal
    }

    .layui-form-radio {
        margin: 0 !important;
        padding-right: 0 !important;
    }

    .layui-unselect.layui-form-radio:last-child {
        margin-left: 10px !important;
    }

    form#customPageParams > div {
        margin: 5px;
    }

    .goods-image.goods-image-3 {
        height: 100px;
        text-align: center;
    }

    .goods-image.goods-image-2 {
        height: 153px;
        text-align: center;
    }

    .goods-image > img {
        width: auto !important;
        max-width: 100% !important;
        height: 100%;
    }
</style>
</body>
</html>